.item {
  input[type='checkbox'] {
    appearance: none;
    -webkit-appearance: none;
    display: inline-block;
    border: 1px solid #aaa;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -6px;
    width: 16px;
    height: 16px;
    outline: 0;
    &:checked:before {
      content: '✓';
      font-size: 16px;
      text-align: center;
      line-height: 16px;
      color: #00a8e6;
    }
  }
  .item-done {
    text-decoration: line-through;
  }
  .item-content {
    font-size: 20px;
  }
  .item-remove {
    float: right;
    text-decoration: none;
    display: none;
  }
  &:hover {
    .item-remove {
      display: inline;
    }
  }
}